<!--
 * @Author: Haochen
 * @Date: 2021-11-22 15:42:09
 * @LastEditTime: 2021-11-27 16:32:09
 * @FilePath: \front\src\html\exam_detail.html
-->

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <header>
        <div class="head-left">
            <img src="../img/logo.png" alt="">
            <h2>植物大战编程</h2>
        </div>

        <div class="head-right">
            <div class="user">
                <img src="../img/user.png" alt="">
                <h3>张三</h3>
            </div>

            <img src="../img/exit.png" alt="">
        </div>
    </header>


    <main>
        <div class="nav-main">
            <button class="btn-back-to-exam">&lt; &nbsp; 返回考试中</button>
            <h3></h3>
            <div class="nav-box">
                解析
            </div>
        </div>

        <div class="main-content">
            <div class="content">
                <div class="content-title">
                    <h4 class="question-type">单选题</h4>
                    <div class="num-of-questions">
                        第<span class="order">1</span>题
                        /
                        共<span class="total"></span>题
                    </div>

                </div>

                <div class="content-question">

                    <!-- <button id="btn-add-collection">收藏题目</button> -->
                    <button id="btn-next-question">下一题</button>
                </div>
            </div>
            <div class="sidebar">
                <div class="sb-box-1">
                    <div class="sb-row">
                        考试类型：<span class="exam-type"></span>
                    </div>
                </div>
                <div class="sb-box-2">
                    <p>答题卡</p>
                    <div>未答 <span class="unanswered">0</span> 题</div>
                </div>
                <div class="sb-box-3">

                </div>

            </div>

        </div>
    </main>
</body>

</html>